$(document).ready(function(){

	//显示评论框,this表示当前被点击标签的对象
	$(".comment").click(function(){
		//点击显示回复框
		showComment(this);
		//加载文章所有评论
		getCommentList(this);
	});
	
	//隐藏评论和回复框
	$(".packUp").click(function(){
		showListAndCom(this);
	});
	//显示全文
	$(".read").click(function(){
		getArticleContent(this);
	});

	//ajax将评论写入数据库
	$("input.ajaxSubmit").click(function(){
		inserComment(this);
	});
	
	
	
});

//ajax响应阅读全文请求
function getArticleContent(obj){
	var articleId = $(obj).attr("data-id");
	//JQuery的$.get方法向controller请求数据
	$.get("/blog4/article/getArticleContent",{articleId:articleId},function(data){
	//将controller返回的JSON字符串转换成json对象
	var article = new Function("return" + data)(); 
	//取到article对象中的articleContent的属性值
	var articleId = article.articleId;
	//把内容添加到选取的p标签原有内容之后
	$("#content"+articleId).append(article.articleContent);
	//隐藏显示全文按钮
	$("#read"+articleId).hide();
});
};


//显示和隐藏评论框
function showComment(obj){
	var articleId = $(obj).attr("data-id");
	//要在选择器中使用变量时，要是用“+”加号拼接字符
	$("#commentform"+articleId).toggle();
};

//请求服务器获取评论列表
function getCommentList(obj){
	var articleId = $(obj).attr("data-id");
	$.get("/blog4/comment/getCommentList",{articleId:articleId},function(data){
		//alert("返回数据="+data);
		var jsonData = new Function("return"+data)();
		var commentArray = jsonData.commentList;
		if(commentArray.length>0){
			//遍历commentArray数组
			$.each(commentArray,function(index,comment2){
				//alert(index+"..."+comment.commentContent +"..."+comment.userName);
				//创建img对象并设置图片路径
				var img ="<img src='"+comment2.userHeader+"'/>";
				var text = "<tr class='font'><td>"+img+"<span></span></td><td>"+comment2.commentContent+"</td></tr>";
				$("#listTable"+articleId).append(text);
				//$("#userHeader").addClass("userHeader");
			});
			//隐藏回复按钮
			$("button#comment"+articleId).hide();
			//显示收起按钮
			$("button#packUp"+articleId).show();
		}
		
	});
}

//添加评论
function inserComment(obj){
	//获取页面中id为commentConnect的data-id
	var articleId = $(obj).attr("data-id");
	//从页面读取用户id
	var userId = $(obj).attr("data_user_id");
	//获取输入框的内容
	var commentContent = $("#commentContent"+articleId).val();
	if(userId != ""){
		if(commentContent !=""){
			//创建js对象将聪明能commentContent和articleId对象放到data中
			//使用jquery的ajax请求commentController的add方法
			$.post("/blog4/comment/add",{"commentContent":commentContent,"articleId":articleId,"userId":userId},function(result){
				//将json字符串转换成json对象
				var jsonResult = new Function("return"+result)();
				alert(result);
				if(jsonResult.result){
					var text = "<tr class='font'><td><img src='"+jsonResult.user.userHeader+"'/></td><td>"+commentContent+"</td></tr>";
					//将text添加到id为listTable标签中
					$("#listTable"+articleId).prepend(text);
				}
			});
		}else{
			alert("请写上回复内容。。。");
			return false;
		}
	}else{
		alert("请先登录。。。");
	}
	
}

//隐藏评论列表和回复框
function showListAndCom(obj){
	var articleId = $(obj).attr("data-id");
	//清空评论列表
	$("#listTable"+articleId).empty();
	//隐藏回复框
	$("#commentform"+articleId).hide();
	//显示“回复”按钮
	$("button#comment"+articleId).show();
	//隐藏“收起”按钮
	$("button#packUp"+articleId).hide();
}
	

